【純 CSS 變數運用技巧！】
一定會有人問支援度，先說有超過 93%！
過去，在 CSS 還沒有變數的時候
我們都會利用 Sass 來進行開發
Sass 是 CSS 預處理器，預先定義的變數也都會再轉為純 CSS 做執行
對於前端開發者做 CSS 模組開發有很大的幫助
雖然現在 CSS 也有變數的功能
但請務必把這兩者視為不同的概念
- Sass 最終還是編譯成靜態的 CSS
這種變數在編譯後只會保留最終的結果
並無法隨著網頁執行而改變
- 純 CSS 變數則是可以依據網頁的運行而改變
在此它可以做為真正的作為一個「可變化的數值」
而修改的方式很多，甚至可以使用此變數作為 “再運算” 使用
本篇文章介紹一些 CSS Variables 的基本概念
接下來透過幾種不同的情境來介紹 CSS 變數的運用方式
https://w3c.hexschool.com/blog/21985acb
Search